<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/application/choose.css">
<div class="page-titl">
	<div class="wrapper">
		<h1>DANH NHÂN LỊCH SỬ</h1>
	</div>
</div>

<div class="hsperson content full-page">
	<div class="heading">
		<div class="wrapper">
			<div class="input-group">
				<div class="input-group-addon">Danh mục</div>
				<select class="form-control" id="" ng-model="fCategory">
					<option value="">Tất cả</option>
					<option value="cat.category" ng-repeat="cat in categories">{{cat.name}}</option>
				</select>
			</div>
			<br>
			<div class="input-group">
				<div class="input-group-addon">Tên</div>
				<input type="text" class="form-control" ng-model="fName">
			</div>				
		</div>
	</div>

	<div class="wrapper">
		<ul class="person-list">
			<li ng-repeat="p in persons | simpleFilter:fName:'title' | vnSort:'title'">
				<div class="avatar">
					<img src="{{p.image}}" alt="">
				</div>
				<p class="name"><a href="#/reference/{{p._id.$id}}">{{p.title}}</a></p>
				<p class="times">{{p.born}} - {{p.dead}}</p>
			</li>
		</ul>
		<div class="clearfix"></div>
	</div>
</div>